html[data-theme="light"] {
    --primary: #18ab88;
    --alert: #df2234;
    --background: #f8f9fa;
    --text: #3c465a;
    --divider: #e9eeef;
    --divider-bold: #cbd0d1;
    --qrcode-bg: #fff;
    --image: #fff;
    --bar-bg: #364054;
    --bar-text: #fff;
    --scrollbar: rgba(144, 162, 182, .302);
    --switcher-color: #525e75;
    --switcher-active-color: #24273a;
    --switcher-bg: #e9eeef;
    --switcher-active-bg: linear-gradient(109deg, #3addd7 -38%, #62eaa3 61%);
    --tabs-color: #90a2b6;
    --tabs-active: rgba(206, 237, 243, .302);
    --button-primary-color: #24273a;
    --button-primary-color-disabled: rgba(36, 39, 58, .6);
    --button-primary-bg: linear-gradient(111deg, #3addd7 1%, #62eaa3);
    --button-primary-bg-hover: linear-gradient(111deg, #44e7e1 1%, #6cf4ad);
    --button-primary-bg-active: linear-gradient(111deg, #30d3cd 3%, #58e099);
    --button-primary-bg-disabled: linear-gradient(111deg, rgba(58, 221, 215, .302) 1%, rgba(98, 234, 163, .302));
    --button-secondary-color: #24273a;
    --button-secondary-color-disabled: rgba(82, 94, 117, .302);
    --button-secondary-bg: #dfe4e5;
    --button-secondary-bg-hover: #e9eeef;
    --button-secondary-bg-active: #cbd0d1;
    --button-secondary-bg-disabled: #dfe4e5;
    --button-outlined-color: #24273a;
    --button-outlined-color-disabled: rgba(82, 94, 117, .302);
    --button-outlined-border: #dfe4e5;
    --button-outlined-bg-hover: #dfe4e5;
    --button-outlined-bg-active: #cbd0d1;
    --button-outlined-border-disabled: #dfe4e5;
    --button-text-color-active: #18ab88;
    --button-text-color-disabled: rgba(24, 171, 136, .302);
    --input-underline: #bcc1c2;
    --input-disabled: rgba(82, 94, 117, .302);
    --input-color: #24273a;
    --input-placeholder: #90a2b6;
    --input-label: #525e75;
    --input-hint: #718396;
    --input-outline: #cbd0d1;
    --input-border: #bcc1c2;
    --choice-border: #525e75;
    --choice-border-disabled: rgba(82, 94, 117, .302);
    --choice-disabled: rgba(24, 171, 136, .302);
    --calendar-input-border: #bcc1c2;
    --calendar-block: #18ab88;
    --calendar-block-text: #fff;
    --input-calendar-nav-background: #fff;
    --input-calendar-nav-foreground: #24273a;
    --input-calendar-background: #fff;
    --input-calendar-foreground: #24273a;
    --input-calendar-unavailable: #364054;
    --input-calendar-weekdays: #718396;
    --input-calendar-selected-background: #18ab88;
    --input-calendar-selected-foreground: #fff;
    --input-calendar-current-border: #24273a;
    --input-calendar-hover-background: #dfe4e5;
    --input-calendar-hover-foreground: #24273a;
    --popover-bg: #fff;
    --popper-shadow-1: rgba(0, 0, 0, .122);
    --popper-shadow-2: rgba(0, 0, 0, .141);
    --popper-shadow-3: rgba(0, 0, 0, .2);
    --list-item-bg: #fff;
    --list-item-bg-hover: #f8f9fa;
    --menu-user: #525e75;
    --menu-background: #fff;
    --menu-nav-bg-active: #e9eeef;
    --menu-nav-bg-hover: #f8f9fa;
    --modal-bg: #fff;
    --modal-foreground: #24273a;
    --footer-copyright: #90a2b6;
    --snackbar-notify: #24273a;
    --snackbar-notify-bg: linear-gradient(92deg, #3addd7, #62eaa3);
    --snackbar-alert: #fff;
    --snackbar-alert-bg: #df2234;
    --support-background: #fff;
    --label: #718396;
    --property-list-background: #fff;
    --property-coin-item-title: #90a2b6;
    --warning: rgba(218, 185, 15, .302);
    --pinned: #dab90f;
    --pinned-text: #fff;
    --notice-alert-bg: rgba(223, 34, 52, .302);
    --notice-warning-bg: rgba(218, 185, 15, .302);
    --notice-bg: rgba(24, 171, 136, .302);
    --notice-fg: #24273a;
    --deposit-address-bg: #fff;
    --deposit-notice: #718396;
    --withdrawal-text: #718396;
    --withdrawal-notice: #718396;
    --address-management-bg: #fff;
    --address-management-delete: #df2234;
    --address-management-network: #18ab88;
    --address-management-column-title: #90a2b6;
    --announcement-list-background: #fff;
    --property-detail-amount-background: #364054;
    --property-detail-amount-text: #fff;
    --property-detail-amount-label: #a4bed0;
    --property-detail-transaction-background: #fff;
    --property-detail-label: #90a2b6;
    --record-background: #fff;
    --record-label: #525e75;
    --record-filter-label: #90a2b6;
    --email-verification-email-bg: #e9eeef;
    --email-verification-email-fg: #718396;
    --email-verification-notice: #3c465a;
    --tfa-items-bg: #fff;
    --my-trade-item-title: #718396;
    --my-trade-list-background: #fff;
    --trading-label: #718396;
    --trading-table-column: #718396;
    --order-list-background: #fff;
    --order-item-label: #90a2b6;
    --bank-card: #0bc63f;
    --bid-form-background: #fff;
    --bid-market-price: #3c465a;
    --bid-order-list-background: #fff;
    --bid-order-complete-button: #df2234;
    --bid-order-value-highlight: #0bc63f;
    --bid-order-value-yellow: #dab90f;
    --admin-home-text-a: #fff;
    --admin-home-text-b: #24273a;
    --admin-home-text-c: #525e75;
    --admin-home-bg-a: #fff;
    --admin-home-bg-b: #364054;
    --admin-home-bg-c: #e9eeef;
    --admin-user-list-background: #fff;
    --admin-user-reject: #fa4f5f;
    --admin-user-status-text: #fff;
    --admin-user-status-approved: #0bc63f;
    --admin-user-status-unverified: #525e75;
    --admin-user-status-blocked: #fa4f5f;
    --admin-user-status-waiting: #dab90f;
    --admin-user-property-category: #525e75;
    --admin-user-property-amount: #24273a;
    --admin-calendar-input-border: #bcc1c2;
    --admin-calendar-inpit-label: #525e75;
    --admin-fill-sub-item-background: #f8f9fa;
    --admin-fill-status-text: #fff;
    --admin-fill-status-executed: #dab90f;
    --admin-fill-status-sent: #525e75;
    --admin-fill-status-received: #0bc63f;
    --admin-fill-status-canceled: #90a2b6;
    --admin-trade-list-background: #fff;
    --admin-order-list-background: #fff;
    --badge-bg: #525e75;
    --badge-value: #fff;
    --badge-head: hsla(0, 0%, 100%, .702);
}


html[data-theme=dark] {
    --primary: #40fffa;
    --alert: #fa4f5f;
    --background: #24273a;
    --text: #fff;
    --divider: #3c465a;
    --divider-bold: #525e75;
    --qrcode-bg: #fff;
    --image: #fff;
    --bar-bg: #525e75;
    --bar-text: #fff;
    --scrollbar: rgba(164, 190, 208, .302);
    --switcher-color: #a4bed0;
    --switcher-active-color: #24273a;
    --switcher-bg: #364054;
    --switcher-active-bg: linear-gradient(109deg, #3addd7 -38%, #62eaa3 61%);
    --tabs-color: #718396;
    --tabs-active: rgba(60, 70, 90, .302);
    --button-primary-color: #24273a;
    --button-primary-color-disabled: rgba(36, 39, 58, .6);
    --button-primary-bg: linear-gradient(111deg, #3addd7 1%, #62eaa3);
    --button-primary-bg-hover: linear-gradient(111deg, #44e7e1 1%, #6cf4ad);
    --button-primary-bg-active: linear-gradient(111deg, #30d3cd 3%, #58e099);
    --button-primary-bg-disabled: linear-gradient(111deg, rgba(58, 221, 215, .302) 1%, rgba(98, 234, 163, .302));
    --button-secondary-color: #fff;
    --button-secondary-color-disabled: hsla(0, 0%, 100%, .4);
    --button-secondary-bg: #404558;
    --button-secondary-bg-hover: #525e75;
    --button-secondary-bg-active: #363e54;
    --button-secondary-bg-disabled: rgba(60, 70, 90, .302);
    --button-outlined-color: #fff;
    --button-outlined-color-disabled: hsla(0, 0%, 100%, .4);
    --button-outlined-border: #525e75;
    --button-outlined-bg-hover: #525e75;
    --button-outlined-bg-active: #363e54;
    --button-outlined-border-disabled: rgba(82, 94, 117, .302);
    --button-text-color-active: rgba(64, 255, 250, .6);
    --button-text-color-disabled: rgba(64, 255, 250, .302);
    --input-underline: #90a2b6;
    --input-disabled: rgba(144, 162, 182, .302);
    --input-color: #fff;
    --input-placeholder: rgba(164, 190, 208, .702);
    --input-label: #a4bed0;
    --input-hint: rgba(164, 190, 208, .8);
    --input-outline: #525e75;
    --input-border: #525e75;
    --choice-border: #ceedf3;
    --choice-border-disabled: rgba(206, 237, 243, .302);
    --choice-disabled: rgba(64, 255, 250, .302);
    --calendar-input-border: #525e75;
    --calendar-block: #62eaa3;
    --calendar-block-text: #000;
    --input-calendar-nav-background: #364054;
    --input-calendar-nav-foreground: #fff;
    --input-calendar-background: #364054;
    --input-calendar-foreground: #fff;
    --input-calendar-unavailable: #525e75;
    --input-calendar-weekdays: #718396;
    --input-calendar-selected-background: #62eaa3;
    --input-calendar-selected-foreground: #24273a;
    --input-calendar-current-border: #fff;
    --input-calendar-hover-background: #a4bed0;
    --input-calendar-hover-foreground: #24273a;
    --popover-bg: #2b2e41;
    --popper-shadow-1: rgba(0, 0, 0, .122);
    --popper-shadow-2: rgba(0, 0, 0, .141);
    --popper-shadow-3: rgba(0, 0, 0, .2);
    --list-item-bg: #31374c;
    --list-item-bg-hover: #363e54;
    --menu-user: #a4bed0;
    --menu-background: #2b2e41;
    --menu-nav-bg-active: #364054;
    --menu-nav-bg-hover: #31374c;
    --modal-bg: #364054;
    --modal-foreground: #fff;
    --footer-copyright: #90a2b6;
    --snackbar-notify: #31374c;
    --snackbar-notify-bg: linear-gradient(92deg, #3addd7, #62eaa3);
    --snackbar-alert: #fff;
    --snackbar-alert-bg: #fa4f5f;
    --support-background: #2b2e41;
    --label: #a4bed0;
    --property-list-background: #2b2e41;
    --property-coin-item-title: #718396;
    --warning: #faee4a;
    --pinned: #faee4a;
    --pinned-text: #fff;
    --notice-alert-bg: rgba(250, 79, 95, .302);
    --notice-warning-bg: rgba(250, 238, 74, .302);
    --notice-bg: rgba(98, 234, 163, .302);
    --notice-fg: #fff;
    --deposit-address-bg: #2b2e41;
    --deposit-notice: #a4bed0;
    --withdrawal-text: #a4bed0;
    --withdrawal-notice: #a4bed0;
    --address-management-bg: #2b2e41;
    --address-management-delete: #fa4f5f;
    --address-management-network: #62eaa3;
    --address-management-column-title: #718396;
    --announcement-list-background: #2b2e41;
    --property-detail-amount-background: #364054;
    --property-detail-amount-text: #fff;
    --property-detail-amount-label: #a4bed0;
    --property-detail-transaction-background: #2b2e41;
    --property-detail-label: #718396;
    --record-background: #2b2e41;
    --record-label: #718396;
    --record-filter-label: #718396;
    --email-verification-email-bg: #2b2e41;
    --email-verification-email-fg: #90a2b6;
    --email-verification-notice: #a4bed0;
    --tfa-items-bg: #2b2e41;
    --my-trade-item-title: #718396;
    --my-trade-list-background: #2b2e41;
    --trading-label: #a4bed0;
    --trading-table-column: #718396;
    --order-list-background: #2b2e41;
    --order-item-label: #90a2b6;
    --bank-card: #0bc63f;
    --bid-form-background: #2b2e41;
    --bid-market-price: #ceedf3;
    --bid-order-list-background: #2b2e41;
    --bid-order-complete-button: #fa4f5f;
    --bid-order-value-highlight: #62eaa3;
    --bid-order-value-yellow: #faee4a;
    --admin-home-text-a: #fff;
    --admin-home-text-b: #24273a;
    --admin-home-text-c: #525e75;
    --admin-home-bg-a: #fff;
    --admin-home-bg-b: #364054;
    --admin-home-bg-c: #e9eeef;
    --admin-user-list-background: #fff;
    --admin-user-reject: #fa4f5f;
    --admin-user-status-text: #fff;
    --admin-user-status-approved: #0bc63f;
    --admin-user-status-unverified: #525e75;
    --admin-user-status-blocked: #fa4f5f;
    --admin-user-status-waiting: #dab90f;
    --admin-user-property-category: #525e75;
    --admin-user-property-amount: #24273a;
    --admin-calendar-input-border: #bcc1c2;
    --admin-calendar-inpit-label: #525e75;
    --admin-fill-sub-item-background: #f8f9fa;
    --admin-fill-status-text: #fff;
    --admin-fill-status-executed: #dab90f;
    --admin-fill-status-sent: #525e75;
    --admin-fill-status-received: #0bc63f;
    --admin-fill-status-canceled: #90a2b6;
    --admin-trade-list-background: #fff;
    --admin-order-list-background: #fff;
    --badge-bg: #525e75;
    --badge-value: #fff;
    --badge-head: hsla(0, 0%, 100%, .702);
}